| 1 | |
| 2 | |
| 3 | |
| 4 | @import '../../.config/waybar/wallust/colors-waybar.css'; |
| 5 | |
| 6 | * { |
| 7 | font-family: "JetBrainsMono Nerd Font"; |
| 8 | font-weight: bold; |
| 9 | min-height: 0; |
| 10 | |
| 11 | font-size: 97%; |
| 12 | font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; |
| 13 | } |
| 14 | |
| 15 | |
| 16 | window#waybar { |
| 17 | background: transparent; |
| 18 | } |
| 19 | |
| 20 | window#waybar.hidden { |
| 21 | opacity: 0.2; |
| 22 | } |
| 23 | |
| 24 | |
| 25 | window#waybar.empty, |
| 26 | window#waybar.empty #window { |
| 27 | background-color: transparent; |
| 28 | padding: 0px; |
| 29 | border: 0px; |
| 30 | } |
| 31 | |
| 32 | #window { |
| 33 | padding-left: 10px; |
| 34 | padding-right: 10px; |
| 35 | border-radius: 10px; |
| 36 | transition: none; |
| 37 | color: transparent; |
| 38 | background: transparent; |
| 39 | } |
| 40 | |
| 41 | #taskbar button, |
| 42 | #workspaces button { |
| 43 | color: @foreground; |
| 44 | box-shadow: none; |
| 45 | text-shadow: none; |
| 46 | padding: 0px; |
| 47 | border-radius: 9px; |
| 48 | padding-left: 4px; |
| 49 | padding-right: 4px; |
| 50 | animation: gradient_f 20s ease-in infinite; |
| 51 | transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); |
| 52 | } |
| 53 | |
| 54 | #taskbar button.active, |
| 55 | #workspaces button.active { |
| 56 | color: @color12; |
| 57 | background-color: @foreground; |
| 58 | padding-left: 4px; |
| 59 | padding-right: 8px; |
| 60 | animation: gradient_f 20s ease-in infinite; |
| 61 | transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); |
| 62 | } |
| 63 | |
| 64 | #taskbar button.focused, |
| 65 | #workspaces button.focused { |
| 66 | color: @color4; |
| 67 | } |
| 68 | |
| 69 | #workspaces button.urgent { |
| 70 | color: #11111b; |
| 71 | border-radius: 10px; |
| 72 | } |
| 73 | |
| 74 | #taskbar button:hover, |
| 75 | #workspaces button:hover { |
| 76 | color: @color4; |
| 77 | padding-left: 2px; |
| 78 | padding-right: 8px; |
| 79 | animation: gradient_f 20s ease-in infinite; |
| 80 | transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); |
| 81 | } |
| 82 | |
| 83 | #backlight, |
| 84 | #backlight-slider, |
| 85 | #battery, |
| 86 | #bluetooth, |
| 87 | #clock, |
| 88 | #cpu, |
| 89 | #disk, |
| 90 | #idle_inhibitor, |
| 91 | #keyboard-state, |
| 92 | #memory, |
| 93 | #mode, |
| 94 | #mpris, |
| 95 | #network, |
| 96 | #power-profiles-daemon, |
| 97 | #pulseaudio, |
| 98 | #pulseaudio-slider, |
| 99 | #taskbar, |
| 100 | #temperature, |
| 101 | #tray, |
| 102 | #window, |
| 103 | #wireplumber, |
| 104 | #workspaces, |
| 105 | #custom-backlight, |
| 106 | #custom-browser, |
| 107 | #custom-cava_mviz, |
| 108 | #custom-cycle_wall, |
| 109 | #custom-dot_update, |
| 110 | #custom-file_manager, |
| 111 | #custom-keybinds, |
| 112 | #custom-keyboard, |
| 113 | #custom-light_dark, |
| 114 | #custom-lock, |
| 115 | #custom-hint, |
| 116 | #custom-hypridle, |
| 117 | #custom-menu, |
| 118 | #custom-playerctl, |
| 119 | #custom-power_vertical, |
| 120 | #custom-power, |
| 121 | #custom-quit, |
| 122 | #custom-reboot, |
| 123 | #custom-settings, |
| 124 | #custom-spotify, |
| 125 | #custom-swaync, |
| 126 | #custom-tty, |
| 127 | #custom-updater, |
| 128 | #custom-weather, |
| 129 | #custom-weather.clearNight, |
| 130 | #custom-weather.cloudyFoggyDay, |
| 131 | #custom-weather.cloudyFoggyNight, |
| 132 | #custom-weather.default, |
| 133 | #custom-weather.rainyDay, |
| 134 | #custom-weather.rainyNight, |
| 135 | #custom-weather.severe, |
| 136 | #custom-weather.showyIcyDay, |
| 137 | #custom-weather.snowyIcyNight, |
| 138 | #custom-weather.sunnyDay{ |
| 139 | padding-top: 4px; |
| 140 | padding-bottom: 4px; |
| 141 | padding-left: 8px; |
| 142 | padding-right: 10px; |
| 143 | border-radius: 10px; |
| 144 | transition: none; |
| 145 | color: @foreground; |
| 146 | background: @color0; |
| 147 | border-bottom-width: 5px; |
| 148 | border-bottom-color: @color12; |
| 149 | border-bottom-style: solid; |
| 150 | } |
| 151 | |
| 152 | #custom-power { |
| 153 | padding-right: 2px; |
| 154 | } |
| 155 | |
| 156 | |
| 157 | #custom-hypridle.notactive, |
| 158 | #idle_inhibitor.activated { |
| 159 | color: #39FF14; |
| 160 | } |
| 161 | |
| 162 | #network { |
| 163 | padding-right: 12px; |
| 164 | } |
| 165 | |
| 166 | #temperature.critical { |
| 167 | background-color: red; |
| 168 | color: black; |
| 169 | } |
| 170 | |
| 171 | #mpris { |
| 172 | padding-right: 2px; |
| 173 | padding-left: 8px; |
| 174 | } |
| 175 | #backlight { |
| 176 | padding-right: 2px; |
| 177 | } |
| 178 | #battery.critical:not(.charging) { |
| 179 | background-color: #ffffff; |
| 180 | color: #000000; |
| 181 | animation-name: blink; |
| 182 | animation-duration: 3.0s; |
| 183 | animation-timing-function: steps(12); |
| 184 | animation-iteration-count: infinite; |
| 185 | animation-direction: alternate; |
| 186 | border-bottom-width: 5px; |
| 187 | border-bottom-color: @color12; |
| 188 | border-bottom-style: solid; |
| 189 | } |
| 190 | |
| 191 | @keyframes blink { |
| 192 | to { |
| 193 | background-color: #ffffff; |
| 194 | color: #000000; |
| 195 | } |
| 196 | } |
| 197 | |
| 198 | #backlight-slider slider, |
| 199 | #pulseaudio-slider slider { |
| 200 | min-width: 0px; |
| 201 | min-height: 0px; |
| 202 | opacity: 10; |
| 203 | background-image: none; |
| 204 | border: none; |
| 205 | box-shadow: @color12; |
| 206 | } |
| 207 | |
| 208 | #backlight-slider trough, |
| 209 | #pulseaudio-slider trough { |
| 210 | min-width: 80px; |
| 211 | min-height: 5px; |
| 212 | border-radius: 5px; |
| 213 | } |
| 214 | |
| 215 | #backlight-slider highlight, |
| 216 | #pulseaudio-slider highlight { |
| 217 | min-height: 10px; |
| 218 | border-radius: 5px; |
| 219 | } |
huncholane